<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title>空域综合管理-查看飞行进程管理</title>
		<link href="css/ele2.3.3.css" rel="stylesheet" type="text/css">
		<link href="css/flyDetail.css" rel="stylesheet" type="text/css">
	</head>

	<body>
		<!-- <div id="load"><loading v-show="showLoading"></loading></div> -->
		<div id="app" v-cloak>
			<header>
				<div class="logo">空域综合管理</div>
			</header>
			<div class="Wraper">
				<div class="mainBody flyprocess">
					<h2>飞行进程</h2>
					<!--工具条-->
					<el-col :span="24" class="toolbar toolbar-cns" style="padding-bottom: 0px;">
						<el-form class="clearfix" :inline="true" :model="queryParams">
							<el-form-item label="飞行计划编码:">
								<el-input  v-model="queryParams.flyPlanCode" placeholder="请输入"></el-input>
							</el-form-item>
							<el-form-item label="飞行进程编号:">
								<el-input  v-model="queryParams.flyProcessNumber" placeholder="请输入"></el-input>
							</el-form-item>
							<el-form-item label="进程状态:">
								<el-input  v-model="queryParams.processState" placeholder="请输入"></el-input>
							</el-form-item>
							<el-form-item label="起飞时间范围:">
								<el-date-picker
									v-model="queryParams.estimatedTakeoffTime"
									type="daterange"
									range-separator="至"
									start-placeholder="开始时间"
									end-placeholder="完成时间"
									value-format="yyyy-MM-dd">
								</el-date-picker>
							</el-form-item>
							<el-form-item style="padding-left:20px;" label="降落时间范围:">
								<el-date-picker
									v-model="queryParams.estimatedLandingTime"
									type="daterange"
									range-separator="至"
									start-placeholder="开始时间"
									end-placeholder="完成时间"
									value-format="yyyy-MM-dd">
								</el-date-picker>
							</el-form-item>
							<el-form-item class="clearfix">
								<div class="header clearfix">
									<el-button style="margin-right:30px;" class="add-bottom" @click="fetchData">查询</el-button>
								</div>
							</el-form-item>
						</el-form>
					</el-col>
					<!--列表-->
					<main>
						<div class="table-box">
							<el-table :data="tableData" v-loading="loading" element-loading-text="数据加载中..." 
							 border style="width: 100%">
							<el-table-column prop="flyPlanCode" label="飞行计划编码" align="center"></el-table-column>
							<el-table-column prop="flyProcessNumber" label="飞行进程编号" min-width="160" align="center"></el-table-column>
							<el-table-column prop="flyProcessNumber" label="编码" align="center"></el-table-column>
							<el-table-column prop="aircraftNumber" label="航空器编号"  align="center"></el-table-column>
							<el-table-column prop="actualTakeoffTimeStr" label="实际起飞时间" min-width="160" align="center"></el-table-column>
							<el-table-column prop="actualLandingTimeStr" label="实际降落时间" min-width="160" align="center"></el-table-column>
							<el-table-column prop="contacts" label="联系人" min-width="160" align="center"></el-table-column>
							<el-table-column prop="projectedShelf" label="架次" min-width="160" align="center"></el-table-column>
							<el-table-column prop="updateTimeStr" label="是否告警" min-width="160" align="center"></el-table-column>
							<el-table-column prop="alarmLevel" label="告警级别" min-width="160" align="center"></el-table-column>
							<el-table-column prop="updateTimeStr" label="FSSID" min-width="160" align="center"></el-table-column>
							<el-table-column prop="createTime" label="创建时间" min-width="160" align="center"></el-table-column>
							<el-table-column label="操作" align="center">
								<template slot-scope="scope">
									<a :href="'processDetail.html?id='+scope.row.id" target="_self">查看</a>
								</template>
							</el-table-column>
							</el-table>
							<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
							:current-page="queryParams.page" :page-sizes="[10, 20, 50]" :page-size="queryParams.size"
							layout="total, sizes, prev, pager, next, jumper" :total="total">
							</el-pagination>
						</div>
					</main>

				</div>
			</div>
		</div>

		<script src="plugins/vue2.5.9.js"></script>
		<script src="plugins/axios.min.js"></script>
		<!--<script src="plugins/ele2.3.3.js"></script>-->
		<script src="plugins/element-ui.js"></script>
		<script src="plugins/httpVueLoader.js"></script>
		<script src="plugins/jquery.min.js"></script>
		<script src="plugins/leaflet.js"></script>
		<script src="plugins/iclient9-leaflet.min.js"></script>
		<script src="plugins/leaflet.draw.js"></script>
		<script src="plugins/leaflet.measurecontrol.min.js"></script>
		<script src="plugins/leaflet.rotatedMarker.js"></script>

		<script type="text/javascript">
			var vm = new Vue({
				el: '#app',
				data: {
					queryParams: {
						flyPlanCode: '',
						flyProcessNumber: '',
						processState: '',
						estimatedTakeoffTime: null,
						estimatedLandingTime: null,
						istoday:'1',
						page: 1,
						size: 10
					},
					loading: false,
					tableData: [],
					total: 0,
					dialogFormVisible: false,
					dialogType: '',
					//baolin
					options: [],
					synchroUserVisible: false,
					synchroForm: {
						regionId: ''
					},
					title: {
						create: '新增VHF电台',
						edit: '修改VHF电台',
						look: '查看VHF电台',
						synchroUser: '同步飞行计划'
					},
					// commonUrl: 'http://dkjs.op-fly.cn/system/', //公共部分url
					commonUrl: 'http://212.64.57.59:10006/', //公共部分url
					//commonUrl: 'http://127.0.0.1:10006/', //公共部分url
				},
				created: function() {
					this.fetchData()
				},
				mounted: function() {

				},
				methods: {
					// 获取用户数据
					fetchData () {
						 this.loading = true
						 var self = this;
						 var parms = self.queryParams;
						 console.log(parms)
						 axios.post(self.commonUrl + 'flyProcess/selectAll', parms).then(function(response) {
							if(response.status == 200) {
								console.log(response)
								self.tableData = response.data.page.records
								self.total = response.data.page.totalCount
								self.loading = false
							}
						}).catch(function(error) {
							console.log(error);
						});
					},
					handleSizeChange (value) {
						this.queryParams.size = value
						this.fetchData()
					},
					handleCurrentChange (value) {
						this.queryParams.page = value
						this.fetchData()
					}
				}
			});
		</script>

	</body>

</html>